<div class="view-header clearfix">
    <div class="head-icon plus" title="添加用户" ng-click="addRank()">
        <i class="fa fa-plus"></i>添加岗位
    </div>
</div>
<div class="view-content">
    <div class="view-left col-sm-4">
        <div class="view-left-search">
            <i class="fa fa-search"></i>
            <input type="text" placeholder='岗位' ng-model="ranks_filter">
        </div>
        <div class="view-left-block">
            <div class="view-left-item t-head clearfix">
                <div class="single"><i class="fa fa-id-card-o"></i>岗位</div>
                <div class="icon"><i class="fa fa-cog"></i>操作</div>
            </div>
            <div class="item-scroll-box">
                <div class="view-left-item t-body clearfix"
                     ng-repeat="one in ranks|orderBy:['name'] | filter:ranks_filter"
                     ng-click='ranks_role_show(one,ranks)'
                     ng-class="{true: 'active', false: ''}[one.isActive]">
                    <div title="{{one.name}}" class="single elip" ng-bind="one.name"></div>
                    <div title="删除" class="icon fa fa-trash delete" ng-click="del_rank(one,$event)"></div>
                </div>
            </div>



        </div>

    </div>

    <div class="view-left col-sm-4 col-sm-offset-4">
        <div class="view-left-search">
            <i class="fa fa-search"></i>
            <input type="text" placeholder='角色' ng-model="roles_filter">
        </div>
        <div class="view-left-item t-head clearfix">
            <div class="single"><i class="fa fa-user-secret"></i>角色</div>
        </div>
        <div class="view-left-block">

            <div class="item-scroll-box">
                <div class="view-left-item t-body clearfix"
                     ng-repeat="one in all_roles|orderBy:['rolename'] | filter:roles_filter"
                     ng-click='check_role(one)'
                     ng-class="{true: 'active', false: ''}[one.isActive]">
                    <div title="{{one.rolename}}" class="single elip" ng-bind="one.rolename"></div>
                    <div ng-show="one.isActive" style="color: #3c6;" class="icon fa fa-check"></div>
                </div>
            </div>



        </div>

    </div>

    <div class="view-right col-sm-4 col-sm-offset-8">
        <div class="view-right-block">
            <div ng-show="isEdit" class="view-right-title">
                修改岗位<span class='color-show' ng-bind="rank.name?'&nbsp'+rank.name+'&nbsp':''"></span>信息
            </div>
            <div ng-show="!isEdit" class="view-right-title">
                添加岗位
            </div>
            <!-- 修改/新增岗位 -->
            <div class="new-content">
                <div class="new-item">
                    <span class="span">名称</span>
                    <input title="{{rank.name}}" class="input input-name" type="text" ng-model="rank.name"/>
                </div>
                <div class="new-item clearfix">
                    <span class="span">类型</span>
                    <select chosen
                            width="'200px'"
                            disable-search="true"
                            data-placeholder="选择类型"
                            ng-model="rank.type"
                            ng-options="one.id as one.rolename for one in type">
                        <option value=""></option>
                    </select>
                </div>
                <div class="new-item clearfix">
                    <span class="span">描述</span>
                    <div title="{{rank.remark}}" class="contentCls" ng-model="rank.remark" contenteditable="true"></div>
                </div>
                <div class="new-item clearfix">
                    <button class="sm-btn sm-btn-green sm-btn-m save" ng-click="rank_submit()">保&nbsp&nbsp存</button>
                </div>

            </div>
            <!--<div class="view-right-title">-->
            <!--分配岗位<span class='color-show' ng-bind="username?'&nbsp'+username+'&nbsp':''"></span>角色-->
            <!--</div>-->


        </div>
    </div>

</div>

<!-- add -->
<!--<div class="data-overlay" ng-show='ranks_add'>-->
    <!--<div class="overlay-container">-->
        <!--<div class="overlay-header">添加岗位</div>-->
        <!--<div ng-form name="form_add" novalidate="novalidate">-->
            <!--<div class="overlay-content">-->
                <!--<div class="overlay-column overlay-column-4">-->
                    <!--<div class="overlay-item">-->
                        <!--<span class="overlay-name">岗位</span>-->
                        <!--<input type="text" ng-model="new_rank.name">-->
                    <!--</div>-->
                    <!--<div class="overlay-item">-->
                        <!--<span class="overlay-name">类型</span>-->
                        <!--<select ng-model="new_rank.type">-->
                            <!--<option value="0"> 普通</option>-->
                            <!--<option value="9"> 管理</option>-->
                        <!--</select>-->
                    <!--</div>-->
                    <!--<div class="overlay-item">-->
                        <!--<span class="overlay-name">描述</span>-->
                        <!--<textarea ng-model="new_rank.remark"></textarea>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->


<!--&lt;!&ndash; edit &ndash;&gt;-->
<!--<div class="data-overlay" ng-show="edit_open">-->
    <!--<div class="overlay-container">-->
        <!--<div class="overlay-header">岗位信息修改</div>-->
        <!--<div ng-form name="edit_form" novalidate="novalidate">-->
            <!--<div class="overlay-content">-->
                <!--<div class="overlay-column overlay-column-4">-->
                    <!--<div class="overlay-item">-->
                        <!--<span class="overlay-name">岗位名称</span>-->
                        <!--<input type="text" ng-model="cur_rank.name">-->
                    <!--</div>-->
                    <!--<div class="overlay-item">-->
                        <!--<span class="overlay-name">类型</span>-->
                        <!--<select ng-model="cur_rank.type">-->
                            <!--<option value="0"> 普通</option>-->
                            <!--<option value="9"> 管理</option>-->
                        <!--</select>-->
                    <!--</div>-->
                    <!--<div class="overlay-item">-->
                        <!--<span class="overlay-name">类型</span>-->
                        <!--<textarea ng-model="cur_rank.remark"></textarea>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->